<template>
    <div class="large-screen">
        <div class="top"></div>
        <div class="main">
            <div class="main-left">
                
            </div>
            <div class="main-center"></div>
            <div class="main-right"></div>
        </div>

    </div>
</template>

<style lang="less" scoped>
.large-screen{

    height: 100%;
    background:#082a49;
    .top{
        width: 100%;
        height: 100px;
        background: #f2f2f2f2;
    }
    .main{
        margin-top: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .main>div{
        border-radius: 10px;
        background: #f2f2f2f2;
        margin: 1%
    }
    .main-left{
        width: 22%;
        float: left;
        height: 300px;

    }
    .main-center{
        float: left;
        width: 50%;
        height: 200px;
    }
    .main-right{
        float: left;
        width: 22%;
        height: 260px;
    }
}
</style>
